//导入react和react-dom
// react负责创建元素-虚拟的Dom
import React from "react";
// reactDOM负责渲染react元素
import ReactDOM from "react-dom";


// 课堂练习1
// const test = React.createElement('div', { id: 'box',classNam:'demo' }, '这是一个react案例')
// console.log('test',test);

// 课堂练习2
const li1=React.createElement('li',null,'香蕉')
const li2=React.createElement('li',null,'橘子')
const li3=React.createElement('li',null,'芒果')

const test1 = React.createElement('ul', {className:'list'},li1,li2,li3)


// 渲染元素到页面
// 语法：ReactDOM.render（react元素，真实的dom作为挂载点）
ReactDOM.render(test1,document.getElementById('root'))
